import flowbitePlugin from 'flowbite/plugin'

import type { Config } from 'tailwindcss';

export default {
	content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'],
  // darkMode: 'selector',
	theme: {
    // screens: {
    //   'xs': '0px',
    // },
		extend: {
      colors: {
        theme:'rgba(60,119,255,0.9)',
        color:'rgba(255,255,255,.8)',
        color1:'rgba(22, 23, 25,.8)',
        color2:'rgba(23, 24, 26,1)',
        color3:'rgba(37, 38, 40,1)',
        color4:'rgba(52, 52, 52,1)',
        color5:'rgba(50, 50, 50,1)',

        // --theme:rgba(60,119,255,0.9);
        // --color:rgba(255,255,255.8);
        // --color1:rgba(22, 23, 25,1);
        // --color2:rgba(23, 24, 26,1);
        // --color3:rgba(37, 38, 40,1);
        // --color4:rgba(52, 52, 52,1);
        // flowbite-svelte
        // primary: {
        //   50: '#3c77ff',
        //   100: '#3c77ff',
        //   200: '#3c77ff',
        //   300: '#3c77ff',
        //   400: '#3c77ff',
        //   500: '#3c77ff',
        //   600: '#3c77ff',
        //   700: '#3c77ff',
        //   800: '#3c77ff',
        //   900: '#3c77ff'
        // }
      }
    }
	},

	plugins: [flowbitePlugin]
} as Config;